<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    <link rel="stylesheet"
          href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script
            src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          media="screen">
    <script type="text/javascript" src="css/bootstrap-datetimepicker.js"></script>
    <style>
        .imgs {
            width: 900px;
            height: 400px;
            background-position: center;
            background-size: cover;
        }
    </style>
</head>
<body background="<%=request.getContextPath() %>/img/background1.jpg">
<h2 align="center" style="margin-top: 20px;">网吧管理系统</h2>
<div>
    <div class="row " style="margin-top: 50px;">
        <div align="center" class="col-md-3">
            <ul class="list-group">
                <li class="list-group-item "><a href="<%=request.getContextPath() %>/Super/User_about.jsp"><span
                        style="color: black">首页</span></a></li>
                <li class="list-group-item "><a href="<%=request.getContextPath() %>/UserInfoServlet?userid=${sessionScope.userid}"><span
                        style="color: black">个人信息</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/UserXiaofeiListServlet?userid=${sessionScope.userid}"><span
                        style="color: black">消费清单</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/Super/User_exit.jsp"><span
                        style="color: black">退出</span></a></li>
            </ul>
        </div>
        <div class="col-md-9">
            <div class="container" align="center">
                <form action="<%=request.getContextPath()%>/UserUpdateUserController" method="post">
                    <input type="hidden" name="userid" value="${user.userid}">
                    <input type="hidden" name="usertype" value="${user.usertype}">
                    <input type="hidden" name="money" value="${user.money}">
                    <input type="hidden" name="yxf" value="${user.yxf}">
                    <input type="hidden" name="wxf" value="${user.wxf}">
                    <table align="center">
                        <tr>
                            <td align="center"><b>用户名:</b></td>
                            <td><input type="text" name="username" value="${user.username}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>性别</b></td>
                            <td>
                                <input type="radio" name="sex" value="男" style="margin-left: 50px; margin-top: 10px;"
                                       <c:if test="${user.sex == '男'}">checked</c:if>>男
                                <input type="radio" name="sex" value="女" style="margin-left: 50px; margin-top: 10px;"
                                       <c:if test="${user.sex == '女'}">checked</c:if>>女
                            </td>
                        </tr>
                        <tr>
                            <td align="center"><b>密码</b></td>
                            <td><input type="text" name="password"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass" value="${user.passwords}"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>生日</b></td>
                            <td><input type="text" name="birthday" value="${user.birthday }"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass form_date"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>手机号:</b></td>
                            <td><input type="text" name="phone" value="${user.phone}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>总充值金额:</b></td>
                            <td><input disabled type="text" name="money" value="${user.money}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>已消费金额:</b></td>
                            <td><input disabled type="text" name="yxf" value="${user.yxf}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>未消费金额:</b></td>
                            <td><input disabled type="text" name="wxf" value="${user.wxf}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>会员等级:</b></td>
                            <td><input disabled type="text" name="dengji" value="${user.dengji}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>入会时间:</b></td>
                            <td><input disabled type="text" name="rhtime" value="${user.rhtime}"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>

                    </table>
                    <button type="submit" style="margin-left: 20px; margin-top: 30px;"
                            class="btn btn-info">确认信息
                    </button>


                </form>
            </div>
        </div>
    </div>
</div>
<!-- 日历输入面板 -->
<script type="text/javascript">
    $('.form_date').datetimepicker({
        format: 'yyyy-mm-dd',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
    });
</script>
<%--<jsp:include page="Super_footer.jsp"></jsp:include>--%>
</body>
</html>